     * {
         box-sizing: border-box;
         margin: 0;
         padding: 0;
     }
     image{
        user-select: none;
        -webkit-user-drag: none;
     }
     body{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        width: 100vw;
     }
     

     #root{
        display: flex;
        justify-content: center;
        align-items: center;
     }
     .flexCenter {
         display: flex;
         justify-content: center;
         align-items: center;
     }
ul li{
    font-size: 5px;
    width:80px;
}

     .rightRound {
         background-color: rgb(255, 223, 223);
         height: 80vh;
         width: 80vh;
         border-radius: 80vh;
         position: fixed;
         right: -40vh;
         top: -40vh;
     }

     .rightSmallRound {
         background-color: rgb(255, 255, 255);
         width: 40px;
         height: 40px;
         border-radius: 45px;
         position: fixed;
         top: -20px;
         right: 20px;
     }

     .leftRound {
         height: 100vh;
         width: 100vh;
         background-color: rgb(231, 228, 251);
         border-radius: 100vh;
         position: fixed;
         bottom: -50vh;
         left: -50vh;
     }

     .navigate {
         display: flex;
         width: 194px;
         height: 35px;
         border-radius: 40px;
         background-color: rgb(255, 255, 255);
         /* position: absolute;
          */
          position: fixed;
         top: 40px;
         right: 50px
     }

     .span1 {
         display: flex;
         align-items: center;
         justify-content: center;
         width: 97px;
         height: 35px;
         color: rgb(109, 109, 109);
         font-size: 0.1;
         font-weight: 400;
         /* font-weight: 400; */
         letter-spacing: 0px;
         text-decoration: none;
     }

     .span2 {
         display: flex;
         align-items: center;
         justify-content: center;
         width: 97px;
         height: 35px;
         border-radius: 70px;
         background-color: rgb(51, 44, 122);
         color: rgb(255, 255, 255);
         text-decoration: none;

     }

     .context {
         background-color: rgba(235, 237, 242, 0.5);
         height: 80vh;
         width: 86vw;
         /* position: absolute;
         top: 50%;
         left: 50%;
         margin: -40vh 0 0 -40vw; */
         border-radius: 100px;
         border: 2px solid rgb(245, 243, 254);
         z-index: 10;
         display: flex;
         justify-content: center;
         align-items: center;
     }

     .leftContext {
         height: 95%;
         width: 60%;
         position: relative;
         margin-left: 30px;
     }

     .leftContextHeader {
         width: 100%;
         display: flex;
         justify-content: space-between;
         position: relative;
     }

     .doll {
         position: absolute;
         top: -7vh;
         left: -1vw;
         width: 12vw;
     
         width: 12vw;
     }

     .rightContext {
         margin-left: 30px;
         height: 80%;
         width: 45%;
     }

     .refresh {
         background-color: rgb(255, 255, 255);
         width: 100px;
         border-radius: 100px;
         height: 40px;
     }

     .inputBox {
         background-color: rgb(70, 71, 72);
         width: 180px;
         border-radius: 30px;
         height: 40px;
         color: white;
         display: flex;
         /* justify-content: space-s; */
         align-items: center;
     }

     .inputBox input {
         width: 80%;
         height: 90%;
         padding-left: 20px;
         border-radius: 30px;
         outline: none;
         border: 0px;
         background: none;
         font-size: 15px;
         color: rgb(184, 184, 180);

     }

     .inputBox image {
         width: 10%;
     }

     .input {
         background-color: rgb(70, 71, 72);
         outline: none;
         border: 0px;
         color: #acacac;

     }

     .ContextTable {
        margin-top: 2vh;
         background-color: rgb(247, 248, 250);
         border-radius: 40px;
         height: 90%;
     }

     .rightMenu {
         background: rgba(223, 225, 230);
         height: 50px;
         width: 80%;
         border-radius: 10px;
     }

     .inputInfo {
         width: 70%;
         ;
     }

     .inputInfo span {
         color: rgb(107, 107, 107);
         font-weight: 400;
     }

     .inputInfo div {
         display: flex;
         justify-content: space-between;
         align-items: center;
         height: 40px;
         margin-bottom: 10px;
     }

     .inputInfo input {
         height: 100%;
         border-radius: 10px;
         border: 0px;
         padding-left: 11px;
         outline: none;
         width: 60%;
     }

     .Button button {
         width: 40%;
         height: 40px;
         border-radius: 8px;
         border: 0px;
         font-weight: 700;
         box-shadow: 3px 2px 3px rgb(60, 38, 122);
         font-family: Noto Sans SC;
         letter-spacing: 0px;


     }

     .passwordImg {
         width: 20px
     }

     .authorityInput {
         padding: 5px;
     }

     .selectBox {
         width: 60%;
         height: 100%;
         border: 0;
         border-radius: 5px;
         padding-left: 5px;
         outline: none;
         color: black;
         font-weight: 550;
     }

     td {
        
         text-align: center;
         vertical-align: middle;
     }

    

     .manage {

         display: flex;
         align-items: center;
         justify-content: space-around;
         height: 100%;
         
     }
     .manage button,a{
        width:40%;
      
     }

     /* 弹窗 */

     /* 弹窗 (background) */
.modal {
    /* display: none; 默认隐藏   vue中使用变量控制*/ 
    position: fixed; 
    z-index: 100; 
    padding-top: 100px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4);
}

/* 弹窗内容 */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    z-index: 1000; 
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* 添加动画 */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* 关闭按钮 */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: rgb(229, 231, 238);
    color: rgb(34, 34, 35)

}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: rgb(229, 231, 238);
    color: rgb(34, 34, 35)
}
.windowsInput{
    color: rgb(34, 34, 35);
    font-size: 17px;
}